外部样式表
当样式需要应用于很多页面时，可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在（文档的）头部：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

多重样式优先级
样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。
一般情况下，优先级如下：
内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式
<head>
    <!-- 外部样式 style.css -->
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <!-- 设置：h3{color:blue;} -->
    <style type="text/css">
      /* 内部样式 */
      h3{color:green;}
    </style>
</head>

<style type="text/css">
	.unit{                              /*选择class为unit的元素*/
		width: 60px;   					/*宽度*/
		height: 30px;					/*高度*/
		border-radius: 10px;			/*为元素添加圆角边框*/
		background-color: #c3c3c3;      /*背景颜色*/
	}

	#flip,#panel{
		padding: 5px;					/*设置元素的内边距*/					
		text-align: center;
		background-color: #e5eecc;
		border: solid 1px #c3c3c3;		/*边框为实线*/
	}

	#panel{
		padding: 50px;   				/*内边距*/
		display: none;
	}

	/*元素浮动*/
	#float{
		float: right;
		width: 100px;
		height: 50px;
	}

	/*内外边距*/
	/*内边距：padding;外边距:margin;*/
</style>

<body>
    <h3>测试！</h3>
</body>

CSS 背景属性用于定义HTML元素的背景。
CSS 属性定义背景效果:
属性定义了元素的背景颜色  background-color
属性描述了元素的背景图像  background-image
background-repeat
background-attachment
background-position

<a href="" target="_blank"></a>打开一个新窗口
<a href="" target="_self"></a>在本窗口打开
<a href="" target="_top"></a>替换整个窗口


